// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #4caf50,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  bright: #ffc125
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

/*********************************************华丽的分割线**************************************************/

/*start:覆盖ionic 默认样式*/

$toolbar-background: color($colors, primary);
$toolbar-ios-border-color: color($colors, primary);
$tabs-ios-background: #f8f8f8;
$tabs-md-background: #f8f8f8;
//$tabs-ios-border: 0;
$tabs-ios-border-color: #e0dfe4;
$searchbar-ios-input-height: 33px;
$searchbar-ios-background-color: color($colors, primary);
$hairlines-width: 1px;
$list-border-color: #e0dfe4;

@import "ionic.theme.default";

[text-wrap] {
  word-break: break-all;
}

/*end*/

/*********************************************华丽的分割线**************************************************/

/*start:自定义全局css,具体使用例子,请全局搜索class名*/
ion-label.required:after { //表单必填项样式
  content: '*';
  color: #DB2828;
  padding-left: 3px;
}

.validation-failed { //表单验证失败样式
  float: right;
  padding-right: 10px;
  color: #ff0000;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.clear-fix:before,
.clear-fix:after { //清除浮动
  display: table;
  content: " ";
}

.clear-fix:after {
  clear: both;
}

.content-background.content-ios {
  background-color: #f2f2f2;
}

.label-color {
  color: #666;
}


/*end*/

// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
